body{
    background:url("/img/background.jpg")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
    background-size:cover;  /* 让背景图基于容器大小伸缩 */
    background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */    /*此条属性必须设置否则可能无效*/
    background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */

}
h1{
    color: #fff;
    display: inline;
    width: 100%;
    position: relative;
    left: 2%;
}
h2{
    font-size: 12px;
    color: #fff;
    display: block;
    width: 25%;
    text-indent: 2em;
}
.box_top h3{
    font-size: 30px;
}
.card_wrap{
    width:450px;
    height:884px;
}
.card_cont{
    width:100%;
    height:830px;
    box-sizing:border-box;
}
.card{
    border: 10px;
    border-radius: 35px;
    background-color: #fff;
    margin:0 auto;
    padding:18px;
}
.box{
    padding: 30px;
    border: 1px dashed black;
    border-radius: 35px;
    background-color: rgb(255, 255, 255);
}


.box_top {
    height: 300px;
    text-align: center;
    position: relative;
    top: -30px;
}

.information{
    height: 200px;
    width: 100%;
    border: 1px dashed black;
    border-radius: 10px;
    text-align: center;
}
.input{
    width: 40%;
}
.output{
    width: 60%;
}
.output{
    position: relative;
    top: -80%;
    left: 42%;
}
.input p,.output p{
    /* border: 1px solid red;  */
    height: 20px;
    font-size: 20px;
    
}
.input p{
    text-align: right;
}
.output p{
    text-align: left;
}
 .box_body {
    height: 300px;
    border:  5px solid rgb(86, 192, 241);
    border-radius: 25px;
}
.box_left,
.box_right {
    height: 100%;
    width: 50%;
    float: left;
}

.talent {
    /* border: 1px solid red; */
    height: 50%;
    transform: translate(0, -5px);
}
.talent span{
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 40px;
    left: 60px;
}
.talent p{
    display: block;
    border: 1px solid #57baee;
    width: 75%;
    height: 21px;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
/* 调整边框样式 */
.answer1{
    border-bottom:  3px dashed rgb(86, 192, 241);
    border-right:  3px dashed rgb(86, 192, 241);
}
.answer3{
    border-right:  3px dashed rgb(86, 192, 241);
}
.answer4{
    border-top:  3px dashed rgb(86, 192, 241);
}